<?php
function big_calendar_list() {
  require_once("frontend_functions.php");
  global $wpdb;
  $widget = ((isset($_GET['widget']) && (int) $_GET['widget']) ? (int) $_GET['widget'] : 0);
  $many_sp_calendar = ((isset($_GET['many_sp_calendar']) && is_numeric(esc_html($_GET['many_sp_calendar']))) ? esc_html($_GET['many_sp_calendar']) : 1);
  $calendar_id = (isset($_GET['calendar']) ? (int) $_GET['calendar'] : '');
  $theme_id = (isset($_GET['theme_id']) ? (int) $_GET['theme_id'] : 1);
  $date = ((isset($_GET['date']) && IsDate_inputed(esc_html($_GET['date']))) ? esc_html($_GET['date']) : '');
  $view_select = (isset($_GET['select']) ? esc_html($_GET['select']) : 'month,');
  $path_sp_cal = (isset($_GET['cur_page_url']) ? esc_html($_GET['cur_page_url']) : '');

   ///////////////////////////////////////////////////////////////////////////////////
  
   
  if(isset($_GET['cat_id']))
  $cat_id = $_GET['cat_id'];
  else $cat_id = "";
  
  if(isset($_GET['cat_ids']))
  $cat_ids = $_GET['cat_ids'];
  else $cat_ids = "";

 
if($cat_ids=='')
$cat_ids .= $cat_id.',';
else
$cat_ids .= ','.$cat_id.',';


$cat_ids = substr($cat_ids, 0,-1);


function getelementcountinarray($array , $element)
{
  $t=0; 

  for($i=0; $i<count($array); $i++)
  {
    if($element==$array[$i])
	$t++;
  
  }
  
  
  return $t; 

}

function getelementindexinarray($array , $element)
{
 
		$t='';
		
	for($i=0; $i<count($array); $i++)
		{
			if($element==$array[$i])
			$t.=$i.',';
	
	    }
	
	return $t;


}
$cat_ids_array = explode(',',$cat_ids);

if($cat_id!='')
{

if(getelementcountinarray($cat_ids_array,$cat_id )%2==0)
{
$index_in_line = getelementindexinarray($cat_ids_array, $cat_id);
$index_array = explode(',' , $index_in_line);
array_pop ($index_array);
for($j=0; $j<count($index_array); $j++)
unset($cat_ids_array[$index_array[$j]]);
$cat_ids = implode(',',$cat_ids_array);
}
}
else
$cat_ids = substr($cat_ids, 0,-1);

///////////////////////////////////////////////////////////////////////////////////////////////////////
  
  
  $theme = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'spidercalendar_theme WHERE id=%d', $theme_id));
  $cal_width = $theme->width;
  $bg_top = '#' . $theme->bg_top;
  $bg_bottom = '#' . $theme->bg_bottom;
  $border_color = '#' . $theme->border_color;
  $text_color_year = '#' . $theme->text_color_year;
  $text_color_month = '#' . $theme->text_color_month;
  $color_week_days = '#' . $theme->text_color_week_days;
  $text_color_other_months = '#' . $theme->text_color_other_months;
  $text_color_this_month_unevented = '#' . $theme->text_color_this_month_unevented;
  $evented_color = '#' . $theme->text_color_this_month_evented;
  $evented_color_bg = '#' . $theme->bg_color_this_month_evented;
  $color_arrow_year = '#' . $theme->arrow_color_year;
  $color_arrow_month = '#' . $theme->arrow_color_month;
  $sun_days = '#' . $theme->text_color_sun_days;
  $event_title_color = '#' . $theme->event_title_color;
  $current_day_border_color = '#' . $theme->current_day_border_color;
  $cell_border_color = '#' . $theme->cell_border_color;
  $cell_height = $theme->cell_height;
  $popup_width = $theme->popup_width;
  $popup_height = $theme->popup_height;
  $number_of_shown_evetns = $theme->number_of_shown_evetns;
  $sundays_font_size = $theme->sundays_font_size;
  $other_days_font_size = $theme->other_days_font_size;
  $weekdays_font_size = $theme->weekdays_font_size;
  $border_width = $theme->border_width;
  $top_height = $theme->top_height;
  $bg_color_other_months = '#' . $theme->bg_color_other_months;
  $sundays_bg_color = '#' . $theme->sundays_bg_color;
  $weekdays_bg_color = '#' . $theme->weekdays_bg_color;
  $weekstart = $theme->week_start_day;
  $weekday_sunday_bg_color = '#' . $theme->weekday_sunday_bg_color;
  $border_radius = $theme->border_radius;
  $border_radius2 = $border_radius-$border_width;
  $week_days_cell_height = $theme->week_days_cell_height;
  $year_font_size = $theme->year_font_size;
  $month_font_size = $theme->month_font_size;
  $arrow_size = $theme->arrow_size;
  $arrow_size_hover = $arrow_size + 5;
  $next_month_text_color = '#' . $theme->next_month_text_color;
  $prev_month_text_color = '#' . $theme->prev_month_text_color;
  $next_month_arrow_color = '#' . $theme->next_month_arrow_color;
  $prev_month_arrow_color = '#' . $theme->prev_month_arrow_color;
  $next_month_font_size = $theme->next_month_font_size;
  $prev_month_font_size = $theme->prev_month_font_size;
  $month_type = $theme->month_type;
  $date_bg_color = '#' . $theme->date_bg_color;
  $event_bg_color1 = '#' . $theme->event_bg_color1;
  $event_bg_color2 = '#' . $theme->event_bg_color2;
  $event_num_bg_color1 = '#' . $theme->event_num_bg_color1;
  $event_num_bg_color2 = '#' . $theme->event_num_bg_color2;
  $event_num_color = '#' . $theme->event_num_color;
  $date_font_size = $theme->date_font_size;
  $event_num_font_size = $theme->event_num_font_size;
  $event_table_height = $theme->event_table_height;
  $date_height = $theme->date_height;
  $day_month_font_size = $theme->day_month_font_size;
  $week_font_size = $theme->week_font_size;
  $day_month_font_color = '#' . $theme->day_month_font_color;
  $week_font_color = '#' . $theme->week_font_color;
  $views_tabs_bg_color = '#' . $theme->views_tabs_bg_color;
  $views_tabs_text_color = '#' . $theme->views_tabs_text_color;
  $views_tabs_font_size = $theme->views_tabs_font_size;

  $date_bg_color = '#' . $theme->date_bg_color;
  $event_bg_color1 = '#' . $theme->event_bg_color1;
  $event_bg_color2 = '#' . $theme->event_bg_color2;
  $event_num_bg_color1 = '#' . $theme->event_num_bg_color1;
  $event_num_bg_color2 = '#' . $theme->event_num_bg_color2;
  $event_num_color = '#' . $theme->event_num_color;
  $date_font_size = $theme->date_font_size;
  $event_num_font_size = $theme->event_num_font_size;
  $show_numbers_for_events = $theme->day_start;

  __('January', 'sp_calendar');
  __('February', 'sp_calendar');
  __('March', 'sp_calendar');
  __('April', 'sp_calendar');
  __('May', 'sp_calendar');
  __('June', 'sp_calendar');
  __('July', 'sp_calendar');
  __('August', 'sp_calendar');
  __('September', 'sp_calendar');
  __('October', 'sp_calendar');
  __('November', 'sp_calendar');
  __('December', 'sp_calendar');
  if ($cell_height == '') {
    $cell_height = 70;
  }
  if ($cal_width == '') {
    $cal_width = 700;
  }

  if ($date != '') {
    $date_REFERER = $date;
  }
  else {
    $date_REFERER = date("Y-m");
    $date = date("Y") . '-' . php_Month_num(date("F")) . '-' . date("d");
  }
  $year_REFERER = substr($date_REFERER, 0, 4);
  $month_REFERER = Month_name(substr($date_REFERER, 5, 2));
  $day_REFERER = substr($date_REFERER, 8, 2);

  $year = substr($date, 0, 4);
  $month = Month_name(substr($date, 5, 2));
  $day = substr($date, 8, 2);

  $cell_width = $cal_width / 7;

  $this_month = substr($year . '-' . add_0((Month_num($month))), 5, 2);
  $prev_month = add_0((int) $this_month - 1);
  $next_month = add_0((int) $this_month + 1);

  $view = 'bigcalendarlist';
  $views = explode(',', $view_select);
  $defaultview = 'list';
  array_pop($views);
  $display = '';
  if (count($views) == 0) {
    $display = "display:none";
  }
  if(count($views) == 1 && $views[0] == $defaultview) {
    $display = "display:none";
  }
  ?>
  <style type='text/css'>
  .general_table table table:last-child .last_table:last-child td{
		border-bottom-left-radius:<?php echo $border_radius2?>px;
		
  }
  
    #bigcalendar<?php echo $many_sp_calendar; ?> td,
    #bigcalendar<?php echo $many_sp_calendar; ?> tr,
    #spiderCalendarTitlesList td, #spiderCalendarTitlesList tr {
      border: none !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . general_table {
      border-radius: <?php echo $border_radius; ?>px !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .top_table {
      border-top-left-radius: <?php echo $border_radius2; ?>px !important;
      border-top-right-radius: <?php echo $border_radius2; ?>px !important;
    }
	
	
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_arrow a : link,
    #bigcalendar .cala_arrow a:visited {
      text-decoration: none !important;
      background: none !important;
      font-size: <?php echo $arrow_size; ?>px !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_arrow {
      vertical-align: middle !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_arrow a : hover {
      font-size: <?php echo $arrow_size_hover; ?>px !important;
      text-decoration: none !important;
      background: none !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_day a : link,
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_day a : visited {
      text-decoration: none !important;
      background: none !important;
      font-size: 12px !important;
      color: red;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_day a : hover {
      text-decoration: none !important;
      background: none !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . cala_day {
      border: 1px solid <?php echo $cell_border_color; ?> !important;
      <?php echo 'vertical-align:top !important;'; ?>
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . weekdays {
      vertical-align: middle !important;
      border: 1px solid <?php echo $cell_border_color; ?> !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . week_days {
      font-size: <?php echo $weekdays_font_size; ?>px !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . calyear_table {
      border-spacing: 0 !important;
      width: 100% !important;
    }
    . calyear_table table #bigcalendar<?php echo $many_sp_calendar; ?> . calmonth_table {
      border-spacing: 0 !important;
      width: 100% !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . calbg,
    #bigcalendar .calbg td {
      text-align: center !important;
      width: 14% !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . caltext_color_other_months {
      color: <?php echo $text_color_other_months; ?> !important;
      border: 1px solid <?php echo $cell_border_color; ?> !important;
      <?php echo 'vertical-align:top !important;'; ?>
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . caltext_color_this_month_unevented {
      color: <?php echo $text_color_this_month_unevented; ?> !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . calfont_year {
      font-size: 24px !important;
      font-weight: bold !important;
      color: <?php echo $text_color_year; ?> !important;
    }
    .general_table table, .general_table td, .general_table tr {
      border: inherit !important;
      vertical-align: initial !important;
      border-collapse: inherit !important;
      margin: inherit !important;
      padding: inherit !important;
    }
    .general_table {
      border-collapse: inherit !important;
      margin: inherit !important;
    }
    .general_table p {
      margin: inherit !important;
      padding: inherit !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> . calsun_days {
      color: <?php echo $sun_days; ?> !important;
      border: 1px solid  <?php echo $cell_border_color; ?> !important;
      <?php echo 'vertical-align:top !important; text-align:left !important;'; ?>
      background-color: <?php echo $sundays_bg_color; ?> !important;
    }
    #TB_window {
      z-index: 10000;
    }

    #bigcalendar<?php echo $many_sp_calendar; ?> td {
      vertical-align: middle !important;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> table {
      border-collapse: initial;
      border:0px;
      max-width: none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> table tr:hover td {
      background: none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> table td {
      padding: 0px;
      vertical-align: none;
      border-top:none;
      line-height: none;
      text-align: none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> p, ol, ul, dl, address {
      margin-bottom:0;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> td,
    #bigcalendar<?php echo $many_sp_calendar; ?> tr,
    #spiderCalendarTitlesList td,
    #spiderCalendarTitlesList tr {
      border:none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .general_table {
      border-radius: <?php echo $border_radius; ?>px;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .top_table {
      border-top-left-radius: <?php echo $border_radius2; ?>px;
      border-top-right-radius: <?php echo $border_radius2; ?>px;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_arrow a:link,
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_arrow a:visited {
      text-decoration:none;
      background:none;
      font-size: <?php echo $arrow_size; ?>px;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_arrow a:hover {
      text-decoration:none;
      background:none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_day a:link,
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_day a:visited {
      text-decoration:none;
      background:none;
      font-size:12px;
      color:red;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_day a:hover {
      text-decoration:none;
      background:none;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .cala_day {
      border:1px solid <?php echo $cell_border_color; ?>;
      vertical-align:top;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .weekdays {
      border:1px solid <?php echo $cell_border_color; ?>;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .week_days {
      font-size:<?php echo $weekdays_font_size; ?>px;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .calyear_table {
      border-spacing:0;
      width:100%;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .calmonth_table {	
      border-spacing:0;
      width:100%;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .calbg,
    #bigcalendar<?php echo $many_sp_calendar; ?> .calbg td {
      text-align:center;
      width:14%;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .caltext_color_other_months {
      color:<?php echo $text_color_other_months; ?>;
      border:1px solid <?php echo $cell_border_color; ?>;
      vertical-align:top;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .caltext_color_this_month_unevented {
      color:<?php echo $text_color_this_month_unevented; ?>;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .calfont_year {
      font-size:24px;
      font-weight:bold;
      color:<?php echo $text_color_year; ?>;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .calsun_days {
      color:<?php echo $sun_days; ?>;
      border:1px solid <?php echo $cell_border_color; ?>;
      vertical-align:top;
      text-align:left;
      background-color:<?php echo $sundays_bg_color; ?>;
    }
    #bigcalendar<?php echo $many_sp_calendar; ?> .views {
      float: right;
      background-color: <?php echo $views_tabs_bg_color; ?>;
      min-height: 25px;
      min-width: 70px;
      margin-right: 2px;
      text-align: center;
      cursor:pointer;
      position: relative;
      top: 5px;
    }
	#bigcalendar<?php echo $many_sp_calendar; ?> .views span{
		padding: 7px;
	}
	
#bigcalendar<?php echo $many_sp_calendar; ?> .views_select ,
#bigcalendar<?php echo $many_sp_calendar; ?> #views_select
{

background-color: <?php echo $views_tabs_bg_color?>;
width: 120px;
text-align: center;
cursor: pointer;
padding: 6px;
position: relative;
}


#drop_down_views
{
	list-style-type:none !important;
	position: absolute;
	top: 46px;
	left: -15px;
	display:none;
	z-index: 4545;
	
}

#drop_down_views >li:hover .views_select, #drop_down_views >li.active .views_select
{
	background:<?php echo $bg_top ?>;
}

#drop_down_views >li
{
	border-bottom:1px solid #fff !important;
}


#views_tabs_select 
{
	display:none;
}

  </style>
  <div  id="afterbig<?php echo $many_sp_calendar; ?>" style="<?php echo $display ?>">
  <div style="width:100%;">
    <table  cellpadding="0" cellspacing="0" style="width:100%;">
      <tr>
        <td>
		
          <div id="views_tabs" style="width: 100.4%;<?php echo $display; ?>">
            <div class="views" style="<?php if (!in_array('day', $views) AND $defaultview != 'day') echo 'display:none;'; if ($view == 'bigcalendarday') echo 'background-color:' . $bg_top . ';top:0;'; ?>"
              onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_day',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year . '-' . add_0((Month_num($month))) . '-' . date('d'),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
				'rand' => $many_sp_calendar,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" ><span style="color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px"><?php echo __('Day', 'sp_calendar'); ?></span>
            </div>
            <div class="views" style="<?php if (!in_array('week', $views) AND $defaultview != 'week') echo 'display:none;'; if ($view == 'bigcalendarweek') echo 'background-color:' . $bg_top . ';top:0;'; ?>"
              onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_week',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'months' => $prev_month . ',' . $this_month . ',' . $next_month,
                'date' => $year . '-' . add_0((Month_num($month))) . '-' . date('d'),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
				'rand' => $many_sp_calendar,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" ><span style="color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px"><?php echo __('Week', 'sp_calendar'); ?></span>
            </div>
            <div class="views" style="<?php if (!in_array('list', $views) AND $defaultview != 'list') echo 'display:none;'; if ($view == 'bigcalendarlist') echo 'background-color:' . $bg_top . ';top:0;'; ?>"
              onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_list',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year . '-' . add_0((Month_num($month))),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
				'rand' => $many_sp_calendar,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" ><span style="color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px"><?php echo __('List', 'sp_calendar'); ?></span>
            </div>
            <div class="views" style="<?php if (!in_array('month', $views) AND $defaultview != 'month') echo 'display:none;'; if ($view == 'bigcalendarmonth') echo 'background-color:' . $bg_top . ';top:0;'; ?>"
              onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_month',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year . '-' . add_0((Month_num($month))),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
				'rand' => $many_sp_calendar,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" ><span style="color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px"><?php echo __('Month', 'sp_calendar'); ?></span>
            </div>
          </div>
		  
<div id="views_tabs_select" style="display:none" >
<div  id="views_select" style="background-color:<?php echo $bg_top?>;color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px">
<?php if($view=='bigcalendarday') echo 'Day'; ?>
<?php if($view=='bigcalendarmonth') echo 'Month'; ?>
<?php if($view=='bigcalendarweek') echo 'Week'; ?>
<?php if($view=='bigcalendarlist') echo 'List'; ?>
<span>&#9658;</span>
</div>
<ul id="drop_down_views" style="float: left;top: inherit;left: -20px;margin-top: 0px;">
<li <?php if($view=='bigcalendarday'):?> class="active" <?php endif; ?>  style="<?php if(!in_array('day',$views) AND $defaultview!='day' ) echo 'display:none;' ; ?>">
<div class="views_select"   
				onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_month',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year.'-'.add_0((Month_num($month))).'-'.date('d'),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')"  >
<span style="position:relative;top:25%;color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px">Day</span>
</div>
</li>

<li <?php if($view=='bigcalendarweek'):?> class="active" <?php endif; ?> style="<?php if(!in_array('week',$views) AND $defaultview!='week' ) echo 'display:none;' ; ?>" ><div class="views_select"  
			onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_week',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'months' => $prev_month . ',' . $this_month . ',' . $next_month,
                'date' => $year . '-' . add_0((Month_num($month))) . '-' . date('d'),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')">
	<span style="position:relative;top:25%;color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px">Week</span>
</div>
</li>

<li <?php if($view=='bigcalendarlist'):?> class="active" <?php endif; ?> style="<?php if(!in_array('list',$views) AND $defaultview!='list' ) echo 'display:none;' ;?>"><div class="views_select"   
			onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_list',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year . '-' . add_0((Month_num($month))),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" >
<span style="position:relative;top:25%;color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px">List</span>
</div>
</li>

<li <?php if($view=='bigcalendarmonth'):?> class="active" <?php endif; ?>  style="<?php if(!in_array('month',$views) AND $defaultview!='month' ) echo 'display:none;'; ?>"><div class="views_select"   
			onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_month',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year . '-' . add_0((Month_num($month))),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => '',
				'cat_ids' => $cat_ids,
                'widget' => $widget,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" >
<span style="position:relative;top:25%;color:<?php echo $views_tabs_text_color ?>;font-size:<?php echo $views_tabs_font_size  ?>px">Month</span></div></li>

</ul>
</div>
        </td>
      </tr>
      <tr>
        <td>
          <table cellpadding="0" cellspacing="0"  class="general_table"  style="border-spacing:0; width:100%;border:<?php echo $border_color ?> solid <?php echo $border_width ?>px; margin:0; padding:0;background-color:<?php echo $bg_bottom; ?>;">
            <tr>
              <td width="100%" style=" padding:0; margin:0">
                <table cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; font-size:12px; margin:0; padding:0;  width:100.3%">
                  <tr style="height:40px; width:100%;">
                    <td class="top_table" align="center" colspan="7" style="z-index: 5;position: relative;background-image:url('<?php echo plugins_url('/images/Stver.png', __FILE__); ?>');padding:0; margin:0; background-color:<?php echo $bg_top ?>;height:20px; background-repeat: no-repeat;background-size: 100% 100%; " >
                      <table cellpadding="0" cellspacing="0" border="0" align="center" class="calyear_table"  style="margin:0; padding:0; text-align:center; width:100%; height:<?php echo $top_height ?>px;">
                        <tr>
                          <td style="width:100%;vertical-align:center">
                            <table style="width:100%;">
                              <tr>
                                <td width="15%">
                                  <div onclick="javascript:showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>','<?php 
                                    echo add_query_arg(array(
                                      'action' => 'spiderbigcalendar_' . $defaultview,
                                      'theme_id' => $theme_id,
                                      'calendar' => $calendar_id,
                                      'select' => $view_select,
                                      'date' => ($year - 1) . '-' . add_0((Month_num($month))),
                                      'many_sp_calendar' => $many_sp_calendar,
                                      'cur_page_url' => $path_sp_cal,
									  'cat_id' => '',
									  'cat_ids' => $cat_ids,
                                      'widget' => $widget,
                                      ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" style="text-align:center; cursor:pointer; width:100%; background-color:#000000; filter:alpha(opacity=30); opacity:0.3;">
                                    <span style="font-size:18px; color:#FFF"><?php echo $year-1; ?></span>
                                  </div>
                                </td>
                                <td class="cala_arrow" width="15%" style="text-align:right;margin:0px;padding:0px">
                                  <a style="text-shadow: 1px 1px 2px black;color:<?php echo $color_arrow_month ?>" href="javascript:showbigcalendar('bigcalendar<?php echo $many_sp_calendar ?>','<?php  
                                    if (Month_num($month) == 1) {
                                      $needed_date = ($year - 1) . '-12';
                                    }
                                    else {
                                      $needed_date = $year . '-' . add_0((Month_num($month) - 1));
                                    }
                                    echo add_query_arg(array(
                                      'action' => 'spiderbigcalendar_' . $defaultview,
                                      'theme_id' => $theme_id,
                                      'calendar' => $calendar_id,
                                      'select' => $view_select,
                                      'date' => $needed_date,
                                      'many_sp_calendar' => $many_sp_calendar,
                                      'cur_page_url' => $path_sp_cal,
									  'cat_id' => '',
									  'cat_ids' => $cat_ids,
                                      'widget' => $widget,
                                      ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')">&#9664;
                                  </a>
                                </td>
                                <td style="text-align:center; margin:0;" width="40%">
                                  <input type="hidden" name="month" readonly="" value="<?php echo $month?>"/>
                                  <span  style="line-height: 30px;font-family:arial; color:<?php echo $text_color_month;?>; font-size:<?php echo $month_font_size ?>px;text-shadow: 1px 1px  black;"><?php echo $year . ', ' . __($month, 'sp_calendar'); ?></span>
                                </td>
                                <td style="margin:0; padding:0;text-align:left" width="15%" class="cala_arrow">
                                  <a style="text-shadow: 1px 1px 2px black;color:<?php echo $color_arrow_month ?>" href="javascript:showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>','<?php
                                    if (Month_num($month) == 12) {
                                      $needed_date = ($year + 1) . '-01';
                                    }
                                    else {
                                      $needed_date = $year . '-' . add_0((Month_num($month) + 1));
                                    }
                                    echo add_query_arg(array(
                                      'action' => 'spiderbigcalendar_' . $defaultview,
                                      'theme_id' => $theme_id,
                                      'calendar' => $calendar_id,
                                      'select' => $view_select,
                                      'date' => $needed_date,
                                      'many_sp_calendar' => $many_sp_calendar,
                                      'cur_page_url' => $path_sp_cal,
									  'cat_id' => '',
									  'cat_ids' => $cat_ids,
                                      'widget' => $widget,
                                      ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')">&#9654;
                                    </a>
                                  </td>
                                  <td width="15%">
                                    <div onclick="javascript:showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>','<?php
                                      echo add_query_arg(array(
                                      'action' => 'spiderbigcalendar_' . $defaultview,
                                      'theme_id' => $theme_id,
                                      'calendar' => $calendar_id,
                                      'select' => $view_select,
                                      'date' => ($year + 1) . '-' . add_0((Month_num($month))),
                                      'many_sp_calendar' => $many_sp_calendar,
                                      'cur_page_url' => $path_sp_cal,
									  'cat_id' => '',
									  'cat_ids' => $cat_ids,
                                      'widget' => $widget,
                                      ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')" style="text-align:center; cursor:pointer; width:100%; background-color:#000000; filter:alpha(opacity=30); opacity:0.3;">
                                      <span style="font-size:18px; color:#FFF"><?php echo $year + 1; ?></span>
                                    </div>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                  
                    </tr>
                  </tr>
                  <tr>
                    <td>
  <?php
  $month_first_weekday = date("N", mktime(0, 0, 0, Month_num($month), 1, $year));
  if ($weekstart == "su") {
    $month_first_weekday++;
    if ($month_first_weekday == 8) {
      $month_first_weekday = 1;
    }
  }
  $month_days = date("t", mktime(0, 0, 0, Month_num($month), 1, $year));
  $last_month_days = date("t", mktime(0, 0, 0, Month_num($month) - 1, 1, $year));
  $weekday_i = $month_first_weekday;
  $last_month_days = $last_month_days - $weekday_i + 2;
  $percent = 1;
  $sum = $month_days - 8 + $month_first_weekday;
  if ($sum % 7 <> 0) {
    $percent = $percent + 1;
  }
  $sum = $sum - ($sum % 7);
  $percent = $percent + ($sum / 7);
  $percent = 107 / $percent;
  $all_calendar_files = php_getdays(0, $calendar_id, $date, $theme_id, $widget);
 
  $categories=$wpdb->get_results("SELECT * FROM " . $wpdb->prefix . "spidercalendar_event_category WHERE published=1"); 
  $calendar = (isset($_GET['calendar']) ? $_GET['calendar'] : ''); 
  $array_days = $all_calendar_files[0]['array_days'];
  $array_days1 = $all_calendar_files[0]['array_days1'];
  $title = $all_calendar_files[0]['title'];
  $ev_ids = $all_calendar_files[0]['ev_ids'];

	
  sort($array_days, SORT_NUMERIC);
  if (!$array_days) {
    echo '<table style="height:' . $event_table_height . 'px;border-spacing:0;border-spacing:0;width: 100%;background-color:' . $event_bg_color1 . '">
            <tr>
              <td style="padding-left:10px; font-size:22px;font-weight:bold;width:15px;text-align:center;background-color:' . $event_num_bg_color1 . ';color:' . $event_num_color . '"></td>
              <td><p style="color:' . $event_title_color . '; border:none">&nbsp;' . __('There Is No Event In This Month', 'sp_calendar') . '</p></td>
            </tr>
          </table>';
  }
  for ($i = 0; $i < count($array_days); $i++) {
    $week_day = date('D', mktime(0, 0, 0, Month_num($month), $array_days[$i], $year));
    echo '<table style="width:100%;border-spacing:0;">
            <tr>
              <td style="height:' . $date_height . 'px;font-size:' . $date_font_size . 'px; padding-left:10px;background-color:' . $date_bg_color . '; color:#6E7276">
                <span style="padding-left:10px; font-size:' . $date_font_size . 'px;color:' . $week_font_color . '">' . week_convert($week_day) . '</span>
                <span style="font-size:' . $day_month_font_size . 'px;color:' . $day_month_font_color . '">(' . add_0($array_days[$i]) . ' ' . __($month,'sp_calendar') . ')</span>
              </td>
            </tr>
            <tr>
              <td>';
    foreach ($title as $key => $value) {
      if ($key == $array_days[$i]) {
        $ev_id = explode('<br>', $ev_ids[$key]);
        array_pop($ev_id);
        $ev_ids_inline = implode(',', $ev_id);
        $ev_title = explode('</p>', $value);
        array_pop($ev_title);
        for ($j = 0; $j < count($ev_title); $j++) {
		 $queryy = "SELECT " . $wpdb->prefix . "spidercalendar_event_category.color AS color FROM " . $wpdb->prefix . "spidercalendar_event  JOIN " . $wpdb->prefix . "spidercalendar_event_category
	       ON " . $wpdb->prefix . "spidercalendar_event.category=" . $wpdb->prefix . "spidercalendar_event_category.id WHERE " . $wpdb->prefix . "spidercalendar_event.calendar=".$calendar." AND 
	       " . $wpdb->prefix . "spidercalendar_event.published='1' AND " . $wpdb->prefix . "spidercalendar_event_category.published='1' AND " . $wpdb->prefix . "spidercalendar_event.id=".$ev_id[$j];
		   
		   $cat_color = $wpdb->get_row($queryy);
		
          if (($j + 1) % 2 == 0) {
            $color = $event_num_bg_color2;
            $table_color = $event_bg_color2;
          }
          else {
            $color = $event_num_bg_color1;
            $table_color = $event_bg_color1;
          }
		 if(!isset($cat_color->color)) { $cat_color = new stdClass; $cat_color->color="";};
          echo '<table class="last_table" style="overflow:hidden;height:' . $event_table_height . 'px;border-spacing:0;width: 100%;background-color:' . $table_color . ';">
                  <tr>
                    <td style="font-size:' . $event_num_font_size . 'px;font-weight:bold;width:15px;text-align:center;background-color:#' . $cat_color->color . ';color:' . $event_num_color . '">' . (($show_numbers_for_events) ? ($j + 1) : '') . '</td>
                    <td>
                      <a class="thickbox-previewbigcalendar' . $many_sp_calendar . '" style="text-decoration:none;font-size:13px;background:none;color:' . $event_title_color . ';"
                        href="' . add_query_arg(array(
                          'action' => 'spidercalendarbig',
                          'theme_id' => $theme_id,
                          'calendar_id' => $calendar_id,
                          'ev_ids' => $ev_ids_inline,
                          'eventID' => $ev_id[$j],
                          'date' => $year . '-' . add_0(Month_num($month)) . '-' . $array_days[$i],
                          'many_sp_calendar' => $many_sp_calendar,
                          'cur_page_url' => $path_sp_cal,
                          'widget' => $widget,
                          'TB_iframe' => 1,
                          'tbWidth' => $popup_width,
                          'tbHeight' => $popup_height,
                          ), admin_url('admin-ajax.php')) . '"><b>'.$ev_title[$j].'</b>
                      </a>
                    </td>
                  </tr>
                </table>';
        }
      }
    }
    echo '</td></tr></table>';
  }
  ?>
                  </td>
                </tr>
              </table>
            </tr>
          </table>
        </td>
      </tr>
    </table>

 <script>
  
		   jQuery(document).ready(function (){
					  
			jQuery('#views_select').click(function () {
			jQuery('#drop_down_views').stop(true, true).delay(200).slideDown(500);
		  }, function () {
			jQuery('#drop_down_views').stop(true, true).slideUp(500);
		  });
		  if(jQuery(window).width() > 640 )
		  {
			jQuery('drop_down_views').hide();
		  }
	});
  </script>
  
  
  <style>
  
  @media only screen and (max-width : 640px) { 
 
#views_tabs ,#drop_down_views
{
	display:none;
}

#views_tabs_select
{
	display:block !important;
}


 
}

@media only screen and (max-width : 968px) { 
#cats >li
{
	float:none;
}



}
  .categories1 , .categories2
		{
			display:inline-block;
		}

		.categories2
		{
			position:relative;
			left: -9px;
			cursor:pointer;
		}
		.categories2:first-letter
		{
			color:#fff;
			
		}
  </style>
  <?php

		//reindex cat_ids_array
$re_cat_ids_array = array_values($cat_ids_array);

for($i=0; $i<count($re_cat_ids_array); $i++)
{
echo'
<style>
#cats #category'.$re_cat_ids_array[$i].'
{
	text-decoration:underline;
	cursor:pointer;

}

</style>';

}



	if($cat_ids=='')
		$cat_ids='';
  
  
echo '<ul id="cats" style="list-style-type:none;">';

foreach($categories as $category)
{
	
?>

<li style="float:left;"><p class="categories1" style="background-color:#<?php echo $category->color;?>">&nbsp;&nbsp;&nbsp;&nbsp;</p><p class="categories2" id="category<?php echo $category->id ?>" style="color:#<?php echo $category->color?>" onclick="showbigcalendar('bigcalendar<?php echo $many_sp_calendar; ?>', '<?php echo add_query_arg(array(
                'action' => 'spiderbigcalendar_list',
                'theme_id' => $theme_id,
                'calendar' => $calendar_id,
                'select' => $view_select,
                'date' => $year.'-'.add_0((Month_num($month))) . '-' . add_0($day),
                'many_sp_calendar' => $many_sp_calendar,
                'cur_page_url' => $path_sp_cal,
				'cat_id' => $category->id,
				'cat_ids' => $cat_ids,
                'widget' => $widget,
                ), admin_url('admin-ajax.php'));?>','<?php echo $many_sp_calendar; ?>','<?php echo $widget; ?>')"> <?php echo  $category->title ?></p></li>


<?php


}

echo '</ul><br><br>';

  die();
}

?>